<template lang="html">
  <div class='wrap'>
    <div class="inner">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="css" scoped>
  .wrap {
    display: table;
    *writing-mode: tb-rl;
    width: 100%;
    height: 100%;
  }
  .inner {
    display: table-cell;
    vertical-align: middle;
    *width: 100%;
    *margin: auto 0;
    *writing-mode: lr-tb;
    text-align: center;
  }
</style>
